import './index.less';
import PublicTitle from '@/components/public-title';
import PublicItem from '@/components/public-item';
export default function LeftTop() {
  const namespace = 'lefttop';
  const data = [
    {
      title: '当日预警',
      unit: '人',
      count: 8,
    },
    {
      title: '当周预警',
      unit: '人',
      count: 24,
    },
    {
      title: '当月预警',
      unit: '人',
      count: 92,
    },

    {
      title: '已反馈',
      unit: '条',
      count: 192,
    },
    {
      title: '已处置',
      unit: '条',
      count: 8,
    },
    {
      title: '未处置',
      unit: '条',
      count: 26,
    },
  ];
  return (
    <div className={`${namespace}`}>
      <div className={`${namespace}-title`}>
        <PublicTitle name="预警情况" />
      </div>
      <div className={`${namespace}-content`}>
        {data.map((item, index) => (
          <PublicItem
            key={index}
            title={item.title}
            unit={item.unit}
            count={item.count}
          />
        ))}
      </div>
    </div>
  );
}
